
import React from 'react';
import style from './style.module.scss';


export default (props: {

    /** 图片 */
    img: string

    /** 标题 */
    title: string;

    /** 价格 */
    price: number

    /** 数量 */
    num?: number

    style?: React.CSSProperties

    onClick?: () => void
}) => {
    return (
        <div style={props.style} className={style.item} onClick={props.onClick} >
            <div className={style.img} style={{ backgroundImage: `url(${props.img})` }} />
            <div className={style.text} >
                <div className={style.title} >{props.title}</div>
                <div className={style.price} >
                    ¥{props.price}
                    {props.num && <span className={style.num} >×{props.num}</span>}
                </div>
            </div>
        </div>
    )
}